<template>
   <div id="ticketPage" style="margin-top:10px;">
       <div class="tickPage" v-for="(item,index) in backMoney"  :key="index">
                   <div class="ticketBox">
           <div class="ticketLeft">
               <div class="ticketLeft_img">
                   <img src="/static/cart/back.png" alt="">
               </div>
               <div class="ticketLeft_span">
                   <span>{{item.goods.shopname}}代金券</span>
                   <p style="line-height:50px">{{item.rebatetime}}</p>
               </div>
           </div>
           <div class="ticketRight">
               <div class="dd_div1">
               </div>
               <span class="monspan">￥{{item.rebatemoney}}</span>
               
                <div class="dd_div2">

               </div>
           </div>
       </div>
       </div>
   </div>
</template>

<script>

import {Flexbox, FlexboxItem, Divider} from 'vux'

export default {
  components: {
    Flexbox, FlexboxItem, Divider
  },
  props:["backMoney"],
  methods: {

  },
  data () {
    return {
      type: "1"
   }
  },
  computed: {
  },
  created(){
      console.log(this.backMoney)
  }
}
</script>
<style lang="less">
.ticketBox{
    height: 8rem ;
    background: white;
    border-radius:10px; 
    margin: 0.5rem 0.5rem;
}

.ticketLeft{
    height: 8rem;
    width: 70%;
    // background: #666;
    float: left;
    border-radius:10px; 


}
.ticketRight{
    height: 8rem;
    width: 30%;
    background: linear-gradient(to right, rgb(136, 245, 229),#48B9E1); /* 标准的语法（必须放在最后） */
    float: left;
    text-align: center;
    line-height: 8rem;
    color: white;
    position: relative;
    border-radius: 10px;
    // border-left: ;
}
.monspan{
    font-size: 2rem;
}
.ticketLeft_img{
    float: left;
    height: 8rem;
    // background: #FE7273;
}
.ticketLeft_img img{
    height: 6rem;
    margin-top:0.5rem ;
    float: left;
}
.ticketLeft_span{
    height: 8rem;
    font-size: 0.8rem;
    padding-top: 2rem;
    float: left;
}
.dd_div1,.dd_div2{
    width: 1rem;
    height: 1rem;
    background: #f4f8fb;
    border-radius: 50%;
}
.dd_div1{
    position: absolute;
    top: -0.5rem;
    left: -0.5rem;
}
.dd_div2{
    position: absolute;
    bottom: -0.5rem;
    left: -0.5rem;
}
</style>
